<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

  webpack-loader
  <br>
  每次修改`./src/*`后需要 重新打包
  <br>
  <a href="../02-webpack的配置/index.html">nodejs 、webpack配置、打包： 点击查看</a>

  <br>

  目前打包 `图片资源`没有打到bundle里面 - 我的错
  <hr>

  <textarea cols="140" rows="50">
    // 一、安装需要
    npm i webpack-loader --save-dev
        // 1. 如果有css 样式，添加的loader
        npm i css-loader --save-dev
        // 2. 如果有less 样式，添加的loader
        npm i --save-dev less-loader less

    // 二、配置 webpack.config.js <- css-loader
    //module->rules

    // 三、配置 图片资源的导入 -
        // 1. url-loader，图片将直接以base64的形式内联在代码中，可以减少一次http请求。
        npm i --save-dev url-loader 
        // 2. 因为图片>`url-loader的配置`过大，就添加 file-loader
        npm i --save-dev file-loader less


  </textarea>
  <script src="./dist/bundle.js"></script>
</body>
</html>